<div class="col-xs-3 ">
    <div class="user-card">
        <div class="top_self" style="background: white;height: 70px;border-radius: 3px">

        </div>
        <div class="user_info" style="padding: 0;background-color: #ffffff;">
            <div class="avatar-bg">
                <div class="headpic ">
                    <a href="{$vo.space_url}" ucard="{$vo.uid}">
                        <img src="{$vo.avatar128}" class="avatar-img" style="width:80px;"/>
                    </a>
                </div>
                <div class="clearfix " style="margin-bottom:8px">
                    <div class="clearfix">
                        <div class="col-xs-12 nickname" style="text-align: center">
                        <span class="">
                            {$vo.title}
                        <a ucard="{$vo.uid}" href="{$vo.space_url}"
                           class="user_name">{$vo.nickname|htmlspecialchars}</a>
                             <if condition="$vo['rank_link'][0]['num']">
                                 <volist name="vo['rank_link']" id="vl">
                                     <if condition="$vl['is_show']">
                                         <img src="{$vl.logo_url}" title="{$vl.title}" alt="{$vl.title}"
                                              style="width: 18px;height: 18px;vertical-align: middle;margin-left: 2px;"/>
                                     </if>
                                 </volist>
                                 <else/>
                             </if>
                            </span>
                        </div>
                    </div>
                    <script>
                        $(function () {
                            $('#upgrade_' + '{$vo.uid}').tooltip({
                                        html: true,
                                        title: '当前阶段：{$vo.title} <br/>下一阶段：{$vo.level.next}<br/>现有：{$vo.score}<br/>需要：{$vo.level.upgrade_require}<br/>剩余需要： {$vo.level.left}<br/>升级进度：{$vo.level.percent}% <br/> '
                                    }
                            );
                        })
                    </script>

                </div>

                <div id="upgrade_{$vo.uid}" data-toggle="tooltip" data-placement="bottom" title=""
                     style="padding-bottom: 10px;padding-top: 10px">
                    <div style="border-top:1px solid #eee;"></div>
                    <div style="border-top: 1px solid rgb(3, 199, 3);margin-top: -1px;width: {$vo.level.percent}%;z-index: 9999;">

                    </div>
                </div>
                <div class="clearfix user-data">

                    <div class="col-xs-4 text-center">
                        <a href="{:U('Ucenter/index/fans',array('uid'=>$vo['uid']))}" title="粉丝数">{$vo.fans}</a><br>粉丝
                    </div>
                    <div class="col-xs-4 text-center">
                        <a href="{:U('Ucenter/index/following',array('uid'=>$vo['uid']))}"
                           title="关注数">{$vo.following}</a><br>关注
                    </div>
                    <div class="col-xs-4 text-center">
                        <if condition="is_login() && $vo['uid'] != get_uid()">
                            <p class="text-center">
                                {:W('Common/Follow/follow',array('follow_who'=>$vo['uid'],'btn-before','btn-after'))}
                            </p>
                            <else/>
                            <if condition="$vo['uid'] == get_uid()">
                                <p class="text-center">
                                    <a class="" disabled="disabled" style="  line-height: 40px;">
                                        自己
                                    </a>
                                </p>
                            </if>
                        </if>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>


<script>

</script>